<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
		<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">
		<link rel="icon" href="img/ico_logo.ico" type="image/gif" sizes="16x16" />
		<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="./css/mycss.css">
		<script type="text/javascript"src="./js/myjs.js"></script>


	</head>

	<body class="gray">
		<div class="head">


			<div class ="head1">

			<li class="back">
		        <a href="index.html"><span class="glyphicon glyphicon-backward"></span></a>
		    </li>
			    <ul class="nav nav-pills nav-pills-left" id="head">
			        <li id="li1" data-toggle="tooltip" data-placement="bottom" title data-original-title="欢迎戳这里！么么哒！！！"><a href="home.php">主页</a></li>
			        <li class="active" id="li2"data-toggle="tooltip" data-placement="bottom" title data-original-title="这里有好看的照片"><a href="daily.php">景</a></li>
			        <li id="li3"  data-toggle="modal" data-target="#myModal" data-placement="bottom" title data-original-title="点这里和我留言"><a href="#">留言</a></li>
			    </ul>

			    <!-- Modal -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					  <div class="modal-dialog">
					    <div class="modal-content">
					      <div class="modal-header">
					        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					        <h4 class="modal-title" id="myModalLabel">Hello</h4>
					      </div>
					      <div class="modal-body">
					        想给我留言可以直接发送邮件到admin@vgee.cn 谢谢你的关注~
					      </div>
					      <div class="modal-footer">
					        <button id="close1" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
					        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
					      </div>
					    </div><!-- /.modal-content -->
					  </div><!-- /.modal-dialog -->
					</div><!-- /.modal -->

				<div>
					<div class="container inn">

				     	<h1 class="face" style="margin-top: 0px;">Welcome to <b>vGee</b></h1>
				    </div>


		    	</div>
	    	</div>
			     	<h1 class="down" ><b>V</b><sup class="in"><b>——————————</b></sup></h1>
	    </div>
	    <div class="mid">
	    	<h2 id="contact" data-toggle="tooltip" data-placement="top" title data-original-title="点这里与我QQ联系O(∩_∩)O"><a  class="none" href="tencent://message/?uin=610164407&Menu=yes" >Contact me<img src="./pic/qq.png" width="29px"></a></h2>

	    </div>

		<div class="daily container" style="text-align: center; font-size: 80px;">
		<a name="photograph"></a>
		<div class="row photograph" >
				<div id="carousel-example-generic" class="carousel slide col-md-8" data-ride="carousel" >
			        <ol class="carousel-indicators">
			          <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
			          <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
			          <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
			          <li data-target="#carousel-example-generic" data-slide-to="3" class="active"></li>
			        </ol>

			        <div class="carousel-inner">

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide" src="./pic/red_leaves.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide" src="./pic/moon.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Third slide" alt="Third slide" src="./pic/house.jpg"></div>

			          <div class="item active">
			            <img data-src="holder.js/900x500/auto/#555:#333/text:Fourth slide" alt="Fourth slide" src="./pic/little_toy.jpg"></div>
			        </div>
			        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
			          <span class="glyphicon glyphicon-chevron-left"></span>
			        </a>
			        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
			          <span class="glyphicon glyphicon-chevron-right"></span>
			        </a>
				</div>

				<div id="photograph-text" class="col-md-4">
				<h1 class="main"></br>美景</h1>
				<p>

						</br>好雨知时节，当春乃发生。</br></br>

							随风潜入夜，润物细无声。</br></br>

								夜径云俱黑，江船火独明。</br></br>

									晓看红湿处，花重锦官城。
				</p>
				<button type="button" class="btn btn-info">访问相册</button>

				</div>

		</div><!-- row1 -->

		<a name="people"></a>
		<div class="row people" >
				<div id="carousel-people-generic" class="carousel slide col-md-8" data-ride="carousel" >
			        <ol class="carousel-indicators">
			          <li data-target="#carousel-people-generic" data-slide-to="0" class=""></li>
			          <li data-target="#carousel-people-generic" data-slide-to="1" class=""></li>
			          <li data-target="#carousel-people-generic" data-slide-to="2" class=""></li>
			          <li data-target="#carousel-people-generic" data-slide-to="3" class="active"></li>
			        </ol>

			        <div class="carousel-inner">

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide" src="./pic/p1.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide" src="./pic/p6.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Third slide" alt="Third slide" src="./pic/p3.jpg"></div>

			          <div class="item active">
			            <img data-src="holder.js/900x500/auto/#555:#333/text:Fourth slide" alt="Fourth slide" src="./pic/p4.jpg"></div>
			        </div>
			        <a class="left carousel-control" href="#carousel-people-generic" data-slide="prev">
			          <span class="glyphicon glyphicon-chevron-left"></span>
			        </a>
			        <a class="right carousel-control" href="#carousel-people-generic" data-slide="next">
			          <span class="glyphicon glyphicon-chevron-right"></span>
			        </a>
				</div>

				<div id="photograph-text" class="col-md-4">
				<h1 class="main"></br>美女</h1>
				<p>

						</br>第二页是个男的</br></br>

							我知道是个男的</br></br>

								没办法</br></br>

									将就着看吧。
				</p>
				<button type="button" class="btn btn-success">访问相册</button>

				</div>

		</div><!-- row2 -->
		<a name="animal"></a>
		<div class="row animal">
				<div id="carousel-animal-generic" class="carousel slide col-md-8" data-ride="carousel" >
			        <ol class="carousel-indicators">
			          <li data-target="#carousel-animal-generic" data-slide-to="0" class=""></li>
			          <li data-target="#carousel-animal-generic" data-slide-to="1" class=""></li>
			          <li data-target="#carousel-animal-generic" data-slide-to="2" class=""></li>
			          <li data-target="#carousel-animal-generic" data-slide-to="3" class="active"></li>
			        </ol>

			        <div class="carousel-inner">

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide" src="./pic/11a.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide" src="./pic/12a.jpg"></div>

			          <div class="item">
			            <img data-src="holder.js/900x500/auto/#666:#444/text:Third slide" alt="Third slide" src="./pic/13a.jpg"></div>

			          <div class="item active">
			            <img data-src="holder.js/900x500/auto/#555:#333/text:Fourth slide" alt="Fourth slide" src="./pic/14a.jpg"></div>
			        </div>
			        <a class="left carousel-control" href="#carousel-animal-generic" data-slide="prev">
			          <span class="glyphicon glyphicon-chevron-left"></span>
			        </a>
			        <a class="right carousel-control" href="#carousel-animal-generic" data-slide="next">
			          <span class="glyphicon glyphicon-chevron-right"></span>
			        </a>
				</div>

				<div id="photograph-text" class="col-md-4">
				<h1 class="main"></br>萌货</h1>
				<p>

						</br>我去</br></br>

							可不可以不要那么萌</br></br>

								已经萌出血了</br></br>

									把持不住了。
				</p>
				<button type="button" class="btn btn-danger">访问相册</button>

				</div>

		</div><!-- row3 -->


		</div>


	</body>
</html>